<template name="hjh_menu">
<view>
<view class="gaodu"></view>
	<view class="dibu_caidan">
		<navigator url="/pages/a/a" class="dibu_caidan_xiangmu"  open-type="switchTab"> 
			<view class="dibu_caidan_xiangmu_tupian">
				<image src="/static/a-off.png" class="dibu_caidan_xiangmu_tupian_img" />
			</view>
			<view class="dibu_caidan_xiangmu_biaoti ">首页</view>
		</navigator>
		<navigator url="/pages/b/b" class="dibu_caidan_xiangmu"   open-type="switchTab">
			<view class="dibu_caidan_xiangmu_tupian">
				<image src="/static/b-off.png" class="dibu_caidan_xiangmu_tupian_img" />
			</view>
			<view class="dibu_caidan_xiangmu_biaoti ">产品</view>
		</navigator>
		<navigator url="/pages/c/c" class="dibu_caidan_xiangmu"   open-type="switchTab">
			<view class="dibu_caidan_xiangmu_tupian">
				<image src="/static/c-off.png" class="dibu_caidan_xiangmu_tupian_img" />
			</view>
			<view class="dibu_caidan_xiangmu_biaoti ">案例</view>
			<!--p class="gouwucheshu">5</p-->
		</navigator>
		<navigator url="/pages/d/d" class="dibu_caidan_xiangmu"   open-type="switchTab">
			<view class="dibu_caidan_xiangmu_tupian">
				<image src="/static/d-off.png" class="dibu_caidan_xiangmu_tupian_img" />
			</view>
			<view class="dibu_caidan_xiangmu_biaoti ">资讯</view>
		</navigator>
		<navigator url="/pages/e/e" class="dibu_caidan_xiangmu"   open-type="switchTab">
			<view class="dibu_caidan_xiangmu_tupian">
				<image src="/static/e-off.png" class="dibu_caidan_xiangmu_tupian_img" />
			</view>
			<view class="dibu_caidan_xiangmu_biaoti">客服</view>
		</navigator>
	</view>		
</view>
</template>

<script>
	export default {
		name:"hjh_menu"
	}
</script>

<style>
.gaodu{ height: 55px;}
.dibu_caidan{
	display: flex;
	padding: 5px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	position: fixed;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid gainsboro;
}
.dibu_caidan_xiangmu{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: black;
	font-size: 12px;
	position: relative;
}
.dibu_caidan_xiangmu_tupian{}
.dibu_caidan_xiangmu_tupian_img{
	width: 22px;height: 22px;
}
.dibu_caidan_xiangmu_biaoti{
}
.dibu_caidan_xiangmu_biaoti_xuanzhong{
	font-weight: bold;
	color: orangered;
}
</style>
